//当页面中的Dom元素加载完成后，执行回调函数中的代码
$(function() {
	mui('.mui-scroll-wrapper').scroll({
		deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
	});
	$.ajax({
		url: "/category/queryTopCategory",
		type: 'get',
		success: function(response) {
			//模板引擎作用：用来帮助我们将数据和html拼接好 将拼接好的结果返回给我们	
			// console.log(response);
			//将数据和html做拼接
			//1.html模板ID
			//2.数据
			//3.告诉模板引擎
			//html模板和数据怎么拼接的
			//template方法将拼接好的数据以返回值的形式返回
			var html = template('category-first', {
				result: response.rows
			});
			// console.log(html);
			$(".links").html(html);
			
			if(response.rows.length){
				$(".links").find('a').eq(0).addClass('active')
			}
			var id=response.rows[0].id;
			getSecondCategory(id);
		}
	})
	/*  点击一级分类获取二级分类的数据 
	   1.一级分类添加点击事件
	   2.在事件处理函数中获取一级分类的ID
	   3.调用二级分类的接口获取对应数据
	   4.将数据展示到对应位置
	   5.如果接口中没有数据，要在页面中显示暂无数据
	*/
	$(".links").on("click", "a", function() {
		var id = $(this).attr('data-id');
		$(this).addClass('active').siblings().removeClass('active');
		getSecondCategory(id);
	})
	
	function  getSecondCategory(id){
		$.ajax({
			url: '/category/querySecondCategory',
			type: 'get',
			data: {
				id: id
			},
			success: function(response) {
				// var html = template('category-second', response);
				// $('.brand-list').html(html);
				console.log(response);
				var html=template('category-second',{result:response.rows});
				$(".brand-list").html(html);
			}
		});
	}
})
